.el-dialog__body {
  height: calc(100vh - 350px);
  overflow: auto;
  margin: 0 5px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 3px;
}

.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}


.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 3px;
}

/* flex */
.u-f{display: flex;}
.u-f-column{flex-direction: column;}
.u-f-ac{align-items: center;}
.u-f-ae{align-items: flex-end;}
.u-f-as{align-items: flex-start;}
.u-f-js{justify-content: flex-start;}
.u-f-jsb{justify-content: space-between;}
.u-f-jsa{justify-content: space-around;}
.u-f-jc{justify-content: center;}
.u-f-je{justify-content: flex-end;}
.u-f1{flex: 1;}
.u-fw{flex-wrap: wrap;}
.u-f-nw{flex-wrap: nowrap;}
/* 文字大小 */
.font12{font-size: 12px !important;line-height: 1.5 !important;}
.font13{font-size: 13px !important;line-height: 1.5 !important;}
.font14{font-size: 14px !important;line-height: 1.5 !important;}
.font16{font-size: 16px !important;line-height: 1.5 !important;}
.font18{font-size: 18px !important;line-height: 1.5 !important;}
.font20{font-size: 20px !important;line-height: 1.5 !important;}
.font22{font-size: 22px !important;line-height: 1.5 !important;}
.font24{font-size: 24px !important;line-height: 1.5 !important;}
/* 文字颜色 */
.text_blue{color: #409EFF;}
.text_hover_blue{color: rgba(64,158,255,.5);}
.text_green{color: #67C23A;}
.text_hover_green{color: rgba(103,194,58,.5);}
.text_warning{color: #E6A23C;}
.text_hover_warning{color: rgba(230,162,60,.5);}
.text_danger{color: #F56C6C;}
.text_hover_danger{color: rgba(245,108,108,.5);}
.text_black{color: #303133;}
.text_light{color: #606266;}
.text_gray{color: #909399;}
.text_seat{color: #C0C4CC;}
.text_white{color: #ffffff;}
.text-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 背景颜色 */
.bg_dark_blue{background-color: #304156;}
.bg_blue{background-color: #409EFF;}
.bg_green{background-color: #67C23A;}
.bg_warning{background-color: #E6A23C;}
.bg_danger{background-color: #F56C6C;}
.bg_black{background-color: #303133;}
.bg_white{background-color: #ffffff;}
.bg_light{background-color: #C0C4CC;}
.bg_gray{background-color: #909399;}
.bg_transparent{background-color: transparent;}
/* border */
.border{border: 1px solid #dfe6ec;}
.border_none{border: none;}
.border_top{border-top: 1px solid #dfe6ec;}
.border_right{border-right: 1px solid #dfe6ec;}
.border_bottom{border-bottom: 1px solid #dfe6ec;}
.border_left{border-left: 1px solid #dfe6ec;}
/* 阴影 */
.box_shadow{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);}
/* 圆角 */
.rounded{ border-radius: 5px;}
.rounded_top{border-radius: 5px 5px 0 0;}
.rounded_bottom{border-radius: 0 0 5px 5px;}
.rounded_left{border-radius: 5px 0 0 5px;}
.rounded_right{border-radius: 0 5px 5px 0;}
.rounded_circle { border-radius: 500px;}
.rounded_0 { border-radius: 0;}
/* 输入框 */
input::-webkit-input-placeholder,
input::placeholder{
  font-size: 12px;
  color: #C0C4CC;
}
.app-container{
  padding: 20px;
  padding-top: 40px;
}
